@import "@styles/theme.scss";

.container{
    background-color: #f0f0f0
}

.share-scroll-view{
    flex: 1;
    padding-top: 20px;
    //background-color: red
}
.share-wrap{
    flex:1;
    margin: 20px;
    margin-top: 10px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff
}
.share-footer-bar{
    height: 100px;
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    @include flex-box(row,between,center);
    @include border(top,1px,solid,#ebebeb);
    &__button{
        flex:1;
       // background-color: red;
         @include flex-box(column,center,center);
         &-txt{
             font-size: 24px;
             color:#666;
         }
    }
    &__share-button{
        flex:1;
       // background-color: red;
        @include flex-box(column,center,center);
      // height: 100px;
       background-color: #fff;
       border-radius: 0;
       line-height: 40px;
        &-txt{
             font-size: 24px;
            color:#666;
         }
    }

}

.share{
    padding: 40px;
    padding-top: 10px;
     &__logo{
       
        
        &-box{
            @include flex-box(column,start,center);
            margin-bottom: 20px;
            padding-top: 10px;
        }
        &-img{
            width: 120px;
            height: 120px;
            margin-bottom: 20px;
        }
        &-name{
            font-size: 32px;
            color:#333;
            margin-bottom: 10px;
        }
        &-desc{
            font-size: 28px;
            color:#666;
        }
       
    }
    &__article{
        &-date{
            margin: 20px 0;
            &-text{
                font-size: 28px;
                color:#999;
                margin-right: 30px;
            }
        }
        &-title{
            &-text{
                font-size: 32px;
                color:#333;
                @include lamp-clamp(3);
                margin-bottom: 20px;
            }
        }
        &-content{
            &-text{
                font-size: 28px;
                color:#666;
                @include lamp-clamp(4);
                 margin-bottom: 20px;
            }
        }
    }
    &__qrcode{
        @include flex-box(row,center,start);
        @include border(left right top bottom,1px,solid,#ebebeb);
        padding: 20px;
        border-radius: 10px;
        padding-top: 26px;
        //background-color: red;
        &-img-box{
            
            margin:0 30px;
            margin-right: 40px;
        }
        &-img{
            width: 160px;
            height: 160px;
        }
        &-info{
            flex:1;
            @include flex-box(column);
        }
        &-title{
             font-size: 46px;
                color:#333;
                margin-bottom: 8px;
                font-weight: bold;
        }
         &-desc{
             font-size: 32px;
             color:#666
        }
    }
    &-footer__handle{
         @include flex-box(column,center,center);
         @include border(top,1px,solid,#ebebeb);
         padding-top: 20px;
         margin-top: 20px;
        &-text{
            font-size: 32px;
             color:#999
        }
    }
}